<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Playoffs</title>
<script src="resources/jquery-1.9.1.js"></script>
<script src="resources/jquery.bracket.min.js"></script>
<link rel="stylesheet" type="text/css" href="resources/jquery.bracket.min.css" />
</head>
<body>

	<div class="demo" >
	
	</div>
	
	<script>
		var minimalData = {
			    teams : [
			      ["Equipo 1", "Equipo 2"], 
			      ["Team 3", "Team 4"],["Equipo 5", "Equipo 6"], 
			      ["Team 7", "Team 8"]  
			    ],
			    results : [
			     // [[1,2], [3,4]],       
			     // [[4,6], [2,1]]        
			    ]
			  }
			 
			$(function() {
			    $('.demo').bracket({
			      init: minimalData /* data to initialize the bracket with */ })
			  })
	
	</script>
</body>
</html>